import { defineComponent, reactive } from 'vue'
import Show from './components/Show'

export default defineComponent({
  name: 'App',
  setup() {
    return reactive({
      message: 'Learn Vue',
      includedList: ['ESLint', 'StyleLint', 'Prettier'],
    })
  },
  render() {
    return <div class="app">
      <header class="app-header">
        <img
          src='./res/logo.svg'
          class="app-logo"
          alt="logo"
        />
        <p>Edit <code>src/App.vue</code> and save to reload.</p>
        <a
          class="app-link"
          href="https://vuejs.org"
          target="_blank"
          rel="noopener noreferrer"
        >{ this.message } </a>
        <Show />
      </header>
    </div>
  }
})
